﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Phone.aspx.cs" Inherits="AiXiu.WebSite.Phone" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>爱秀短视频—手机号密码登录页面</title>

    <link href="Content/mui/css/mui.min.css" rel="stylesheet" />
    <link href="Content/mui/css/app.css" rel="stylesheet" />
    <link href="Content/reg.css" rel="stylesheet" />
</head>
<body>
   <div class="mui-content">
        <form id="form1" runat="server" class="mui-input-group">
            <img src="imgs/account-bg.jpg" />
            <div class="login-box">
                <div class="block">
                    <p class="segmented">
                        <a href="Login.aspx?">用户名密码登录</a>
                        <a class="active" href="#">手机号密码登录</a>
                    </p>
                </div>
                <div class="mui-input-row">
                    <label>手机号</label>
                    <asp:TextBox class="mui-input-clear mui-input" ID="txtUserPhone" MaxLength="16" TextMode="SingleLine" runat="server" PlaceHolder="请输入手机号"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfvUserPhone" runat="server" ErrorMessage="手机号不能为空" ControlToValidate="txtUserPhone"></asp:RequiredFieldValidator>
                     <asp:RegularExpressionValidator ID="rgeUserPhone" runat="server" ErrorMessage="格式不正确" ControlToValidate="txtUserPhone" ForeColor="Red" ValidationExpression="0?(13|14|15|18)[0-9]{9}"></asp:RegularExpressionValidator>
                </div>
                <div class="mui-input-row">
                    <label>密码</label>
                    <asp:TextBox class="mui-input-clear mui-input" ID="txtPassword" MaxLength="32" TextMode="Password" runat="server" PlaceHolder="请输入密码"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ErrorMessage="密码不能为空" ControlToValidate="txtPassword" ></asp:RequiredFieldValidator>
                </div>
                <div>              
                    <asp:Button ID="btnLogin" runat="server" Text="立即登录" CssClass="button button-fill button-large button-round btnsubmit" BackColor="#007AFF" ForeColor="White" Width="100%" OnClick="btnLogin_Click" />
                </div>
                <div class="mui-content-padded">
                    <div class="link-area">
                        <p>登录即代表您同意《用户服务协议》</p>
                        <p>没有账号？<a href="Register.aspx" class="close-login-screen external">现在注册</a></p>
                    </div>
                </div>
            </div>
        </form>
    </div>
</body>
</html>
